<!--
  To change this license header, choose License Headers in Project Properties.
  To change this template file, choose Tools | Templates
  and open the template in the editor.
-->

<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="layout" content="report" />
    <title>Relatório de Avaliação</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", {packages: ["corechart"]});
        google.setOnLoadCallback(createChart);

        function drawChart(chartData) {
            var options = {
                title: chartData[chartData.length-1][0],
                legend: {position: 'none'},
                vAxis: {ticks:[1,2,3,4,5],baseline:0, format: '#', title: 'Conceitos', titleTextStyle: {bold:true,italic:false}},
                hAxis: {title: 'Avaliacoes', titleTextStyle: {bold:true,italic:false}}
            };
            chartData.pop();
            chart.draw(google.visualization.arrayToDataTable(chartData), options);
        }
        
        function createChart() {
          chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        }
    </script>
  </head>
  <body onload="drawChart(${chartData})">
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>
